<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>播报分享</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<meta name="author" content="wqt">
		<link rel="shortcut icon" href="favicon.ico">
		<script type="text/javascript" src="dist/js/hotcss.js"></script>
		<link rel="stylesheet" href="dist/css/reportshare.css" />
		<script type="text/javascript" src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
		<script type="text/javascript" src="src/js/testapp.js"></script>
		<script type="text/javascript" src="src/js/audioplayer.js" ></script>
	</head>

	<body>
		<div class="down-tdapp">
			<div class="down-tdapp-wrap">
				<h1 class="tdapp-logobox">
					<img class="tdapplogo" src="src/img/tongdaodata.png" />
				</h1>
				<div class="tdapp-desc">
					<h2>同道APP</h2>
					<p>中甲、中乙联赛官方数据服务商</p>
				</div>
			</div>
			<div class="tdapp-btnbox">
				<a class="tdapp-btn" href="javascript:void(0)">打开APP</a>
			</div>
		</div>
		<div class="rs-content">
			<div class="report-voice-content">
				<div class="report-voice-wrap">
					<p class="rv-title">罗本:又打阿森纳我们都腻了</p>
					<div class="rv-pic-wrap">
						<div class="rv-pic-box">
							<div class="rv-pic" style="background-image: url(images/test-pic.jpg);"></div>
							<div class="rv-pause">
								<a class="btn-rv-pause" href="javascript:void(0);"></a>
							</div>
						</div>
					</div>
					<div class="rv-counttimebox">
						<p>-<span class="rv-counttime"></span></p>
					</div>
					<div class="rv-progress">
						<div class="rv-progressbar"><span class="sr-only"></span></div>
					</div>
				</div>
			</div>
			<div class="report-voice-list">
				<h3 class="rvl-title">近期推荐</h3>
				<div class="rvl-item">
					<a data-src="music/Owl City,Carly Rae Jepsen - Good Time.mp3" class="rvl-item-flex" href="javascript:void(0)">
						<div class="rvl-item-picbox">
							<div class="rvl-item-pic" style="background-image: url(images/test-pic.jpg);"></div>
						</div>
						<div class="rvl-item-txtflex">
							<p>01.阿森纳1-2遭逆转 仍距榜首3分</p>
							<span>2016-08-15 </span>
						</div>
					</a>
				</div>
				<div class="rvl-item">
					<a data-src="music/徐佳莹 - 身骑白马.mp3" class="rvl-item-flex" href="javascript:void(0)">
						<div class="rvl-item-picbox">
							<div class="rvl-item-pic" style="background-image: url(images/test-pic.jpg);"></div>
						</div>
						<div class="rvl-item-txtflex">
							<p>01.阿森纳1-2遭逆转 仍距榜首3分</p>
							<span>2016-08-15 </span>
						</div>
					</a>
				</div>
				<div class="rvl-item">
					<a class="rvl-item-flex" href="javascript:void(0)">
						<div class="rvl-item-picbox">
							<div class="rvl-item-pic" style="background-image: url(images/test-pic.jpg);"></div>
						</div>
						<div class="rvl-item-txtflex">
							<p>01.阿森纳1-2遭逆转 仍距榜首3分</p>
							<span>2016-08-15 </span>
						</div>
					</a>
				</div>
			</div>
		</div>
		<div class="down-tdappbar">
			<a id="bottomtdapp-btn" class="tdapp-btn" href="javascript:void(0)">下载同道data，查看更多精彩评论>></a>
		</div>
		<div id="audioMusic">
			<audio id="audioplayer" controls preload>
				<source src="" type="audio/mp3"></source>
				Your browser does not support the audio tag
			</audio>
		</div>
		<script type="text/javascript">
			var audioplayer = new Aduioplayer('#audioplayer')
		</script>
	</body>

</html>